{{! Featured article (ADR 0063): one article, big — the photo beside the text, or the text on the photo — and, when asked, the latest articles beside it (small rows, photo cards with their category, or rows with the photo beside a few lines of each: ADR 0167), and optionally a light line under it all. The title's link covers the whole article; the button is a picture of one. Nothing in the blog page's category view. }}
<div {{@attrs}}>{{#hasItem}}<div class="sv-post-featured__main{{#showList}}{{#hasList}} sv-post-featured__main--list{{/hasList}}{{/showList}}{{#titleArrow}} sv-post-featured__main--arrow{{/titleArrow}}{{#lineBelow}} sv-post-featured__main--line{{/lineBelow}}"><article class="sv-post-featured__card{{#shape}} sv-post-featured__card--shape-{{shape}}{{/shape}}{{#style}} sv-card-{{style}}{{#styleCustom}} sv-card-custom{{/styleCustom}}{{/style}} sv-round-{{corners}}"{{#styleCustom}} style="--sv-custom-card:{{styleCustom}}"{{/styleCustom}}><div class="sv-post-featured__media">{{#item.image.url}}<img class="sv-post-featured__photo" src="{{item.image.url}}" alt="{{item.image.alt}}"{{#item.image.width}} width="{{item.image.width}}" height="{{item.image.height}}"{{/item.image.width}} decoding="async">{{/item.image.url}}{{^item.image.url}}<span class="sv-posts__nophoto" aria-hidden="true"></span>{{/item.image.url}}</div><div class="sv-post-featured__body">{{#showCategory}}{{#item.category.name}}<p class="sv-post-featured__tag">{{item.category.name}}</p>{{/item.category.name}}{{/showCategory}}<h2 class="sv-post-featured__title"><a class="sv-post-featured__link" href="{{item.url}}">{{item.title}}</a></h2>{{#showExcerpt}}{{#item.excerpt}}<p class="sv-post-featured__text">{{item.excerpt}}</p>{{/item.excerpt}}{{/showExcerpt}}<p class="sv-posts__meta sv-post-featured__meta">{{#showDate}}<time datetime="{{item.dateTime}}">{{item.date}}</time>{{/showDate}}{{#showReadingTime}}<span>{{item.readingTime}}</span>{{/showReadingTime}}</p>{{#buttonLabel}}<div class="sv-post-featured__action" aria-hidden="true"><div class="sv-button sv-button--variant-primary"><span class="sv-button__control"{{@edit buttonLabel}}>{{buttonLabel}}</span></div></div>{{/buttonLabel}}</div></article>{{#showList}}{{#hasList}}<div class="sv-post-featured__list sv-round-{{corners}}">{{#listTitle}}<h3 class="sv-post-featured__listtitle"{{@edit listTitle}}>{{{listTitle}}}</h3>{{/listTitle}}<ul class="sv-post-featured__rows">{{#list}}<li><a class="sv-post-featured__row" href="{{url}}"><span class="sv-post-featured__thumb">{{#image.url}}<img src="{{image.url}}" alt=""{{#image.width}} width="{{image.width}}" height="{{image.height}}"{{/image.width}} loading="lazy" decoding="async">{{/image.url}}{{^image.url}}<span class="sv-posts__nophoto" aria-hidden="true"></span>{{/image.url}}</span><span class="sv-post-featured__rowtext">{{#showCategory}}{{#category.name}}<span class="sv-post-featured__rowtag">{{category.name}}</span>{{/category.name}}{{/showCategory}}<span class="sv-post-featured__rowtitle">{{title}}</span>{{#listBeside}}{{#showExcerpt}}{{#excerpt}}<span class="sv-post-featured__rowexcerpt">{{excerpt}}</span>{{/excerpt}}{{/showExcerpt}}{{/listBeside}}<span class="sv-posts__meta">{{#showDate}}<time datetime="{{dateTime}}">{{date}}</time>{{/showDate}}{{#showReadingTime}}<span>{{readingTime}}</span>{{/showReadingTime}}</span></span></a></li>{{/list}}</ul></div>{{/hasList}}{{/showList}}</div>{{/hasItem}}{{^hasItem}}{{#ready}}{{@placeholder articles}}{{/ready}}{{^ready}}{{@placeholder loading}}{{/ready}}{{/hasItem}}</div>